import React, { Component } from 'react';
import { connect } from 'react-redux'
import { setFooterMenu } from '@/store/action/cookbookAction'
import { Link } from 'react-router-dom'

import Detailnav from './ui/Detailnav';
import Main from './ui/Main';

@connect(null, {
  setFooterMenu
})
class index extends Component {

  componentDidMount() {
    this.props.setFooterMenu('none')
  }
  componentWillUnmount() {
    this.props.setFooterMenu('')
  }

  render() {

    // console.log(this.props.match.params.id);

    return (
      <div style={{ height: '100%', overflow: 'hidden' }}>

           <Detailnav/>
           <Main/>
         

         详情页面
         <hr />
         <div onClick={() => {
          //  this.props.history.push('/')
           this.props.history.goBack();
         }}>回首页</div>
         <hr />
         <Link to="/">更多一下</Link>
        
      </div >
    );
  }
}

export default index;
